<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>course-work-management</title>
    <link rel="stylesheet" type="text/css" href="/course-work-management/css/lib/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/course-work-management/css/navbar.css">
    <link rel="icon" href="/course-work-management/img/logo.png" />
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <span class="navbar-brand">课程作业管理</span>
            </div>
            <button class="btn btn-default navbar-btn pull-right navbar-btn-right" id="btnSignUp">注册</button>
            <button class="btn btn-primary navbar-btn pull-right navbar-btn-right" id="btnSignIn">登录</button>
        </div>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
            	<div class="text-center">
                	<img src="img/logo.png" style="height: 500px;">
            	</div>
            </div>
            <div class="col-md-4" style="margin-top: 80px;">
           		<c:if test="${not empty error}">
           			<div class="alert alert-danger"><a href="#" class="close" data-dismiss="alert">&times;</a><strong>错误: </strong>${error}</div>
            	</c:if>
            	<c:if test="${not empty info}">
           			<div class="alert alert-info"><a href="#" class="close" data-dismiss="alert">&times;</a><strong>提示: </strong>${info}</div>
            	</c:if>
                <form action="/course-work-management/login" method="post">
                    <div class="form-group">
                        <label class="control-label">学号或工号</label>
                        <input type=text class="form-control" placeholder="输入学号或者工号" name="no">
                    </div>
                     <div class="form-group" style="display: none;">
                        <label class="control-label">姓名</label>
                        <input type="text" class="form-control" placeholder="输入姓名" name="name">
                    </div>
                    <div class="form-group">
                        <label class="control-label">密码</label>
                        <input type="password" class="form-control" placeholder="输入密码" name="password">
                    </div>
                    <div class="form-group" style="display: none;">
                        <label class="control-label">确认密码</label>
                        <input type="password" class="form-control" placeholder="再次输入密码">
                    </div>
                    <div class="form-group">
                        <label for="combo" class="control-label">用户类型</label>
                        <div class="row">
                            <div class="col-sm-5">
                                <select class="form-control" name="role">
                                    <option value="Student">学生</option>
                                    <option value="Teacher">教师</option>
                                </select>
                            </div>
                            <div class="col-sm-7">
                                <input type="submit" class="btn btn-primary pull-right" id="btnSubmit" value="登录" disabled="true"></input>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="container">
        <p class="text-center"><em><strong>Powered by LVZY.</strong></em></p>
    </div>
    <script src="/course-work-management/js/lib/jquery-1.11.1.js"></script>
    <script src="/course-work-management/js/lib/bootstrap.js"></script>
    <script src="/course-work-management/js/container.js"></script>
    <script src="/course-work-management/js/index.js"></script>
</body>

</html>